<template>
  <div>
      <!-- 底部 -->
     <!-- <footer>
         <ul class="f_ul">
           <li>
             <router-link to="/index" :class="{ red: isRed }"> 
               <img src="../../images/liushuxue/home_icon_click_new.png" alt="">
               <p>首页</p>
             </router-link>
           </li>
           <li>
             <router-link to="/sort" :class="{ red: isRed }">
               <img class="aaa" src="../../images/liushuxue/classify_icon_new.png" alt="">
               <p>分类</p>
             </router-link>
           </li>
           <li>
             <router-link to="/shopping" :class="{ red: isRed }">
               <img src="../../images/liushuxue/cart_icon_new.png" alt="">
               <p>购物车</p>
             </router-link>
           </li>
           <li>
             <router-link to="/mine" :class="{ red: isRed }">
               <img src="../../images/liushuxue/my_icon_new.png" alt="">
               <p>我的</p>
             </router-link>
           </li>
         </ul>
     </footer> -->
     <nav class="mui-bar mui-bar-tab">
			<router-link class="mui-tab-item" to="/index">
				<span class="mui-icon mui-icon-home"></span>
				<span class="mui-tab-label">首页</span>
			</router-link>
			<router-link class="mui-tab-item" to="/sort">
				<span class="mui-icon mui-icon-email"></span>
				<span class="mui-tab-label">分类</span>
			</router-link>
			<router-link class="mui-tab-item" to="/shopping">
				<span class="mui-icon mui-icon-extra mui-icon-extra-cart">
          <span class="mui-badge">0</span>
        </span>
				<span class="mui-tab-label">购物车</span>
			</router-link>
			<router-link class="mui-tab-item" to="/mine">
				<span class="mui-icon mui-icon-contact"></span>
				<span class="mui-tab-label">我的</span>
			</router-link>
		</nav>
  </div>
</template>

<script>
 export default {
  data() {
    return {
      isRed: false
    };
  },
  methods: {
      
  },
}; 
</script>
<style lang="css" scoped>
.mui-bar-tab .mui-tab-item.mui-active {
  color: #fe6600;
}
/* 底部 */
/* footer {
  padding-top: 6px;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #fafafa;
}
.f_ul {
  overflow: hidden;
  margin-bottom: 3px;
}
.f_ul li {
  float: left;
  width: 25%;
}
.f_ul li a {
  text-align: center;
  display: block;
}
.f_ul li a img {
  width: 24px;
  height: 24px;
}
.f_ul li .f_active p {
 margin-top: 3px;
 font-size: 12px;
 color: #fe6600;
 margin-bottom: 2px;
} */
</style>

